<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>酷狗官网</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container">
    <a class="navbar-brand ws" href="#"><img src="img/logo.png" alt=""></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item active lp">
                <a class="nav-link" href="#"><input type="text" placeholder="黑龙0.3秒"><a href=""><i><img src="img/sousuo.png" alt=""></i></a>
                    <span class="sr-only">(current)</span></a>
            </li>
        </ul>
        <form class="form-inline my-2 my-lg-0">
            <ul>
                <li><a href="">客服中心</a></li>
                <li><a href="">招贤纳士</a></li>
                <li><a href="">会员中心</a></li>
                <li class="bs"><a href="">登录</a></li>
            </ul>
        </form>
    </div>
    </div>
    </div>
</nav>
<div class="hard">
    <div class="container">
        <div class="row">
        <div class="col-md-6">
            <div class="mq">
                <ul>
                    <li class="jkl"><a href="index.html">首页</a></li>
                    <li><a href="index2.html">榜单</a></li>
                    <li><a href="index3.html">下载客户端</a></li>
                    <li><a href="">更多</a></li>
                </ul>
            </div>
        </div>
        <div class="col-md-6">
            <div class="mq-1">
                <ul>
                    <li><img  class="lc" src="img/n1.png" alt=""><img class="cl" src="img/n4.png" alt=""><a href="">音乐直播</a></li>
                    <li><img  class="lc" src="img/n2.png" alt=""><img class="cl-1" src="img/n5.png" alt=""><a href="">酷狗LIVE</a></li>
                    <li><img  class="lc" src="img/n3.png" alt=""><img class="cl-2" src="img/n6.png" alt=""><a href="">音乐人</a></li>
                    <li><img  class="lc" src="img/n7.png" alt=""><img class="cl-3" src="img/n8.png" alt=""><a href="">成为主播</a></li>
                    <li><img  class="lc" src="img/n9.png" alt=""><img class="cl-4" src="img/n10.png" alt=""><a href="">商城</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
</div>
<div class="banner">
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="5"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img class="d-block w-100" src="img/lbt1.jpg" alt="First slide">
            </div>
            <div class="carousel-item">
                <img class="d-block w-100" src="img/lbt2.jpg" alt="Second slide">
            </div>
            <div class="carousel-item">
                <img class="d-block w-100" src="img/lbt3.jpg" alt="Third slide">
            </div>
            <div class="carousel-item">
                <img class="d-block w-100" src="img/lbt4.jpg" alt="Third slide">
            </div>
            <div class="carousel-item">
                <img class="d-block w-100" src="img/lbt5.jpg" alt="Third slide">
            </div>
            <div class="carousel-item">
                <img class="d-block w-100" src="img/lbt6.jpg" alt="Third slide">
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <div class="banner-1">
        <div class="container">
            <div class="row">
                <div class="col-md-3"></div>
                <div class="col-md-2">
                    <div class="xz">
                        <a href="">下载PC端</a>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="xz">
                        <a href="">
                            下载iPhone版
                        </a>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="xz">
                        <a href="">下载Android版</a>
                    </div>
                </div>
                <div class="col-md-3"></div>
            </div>
        </div>
    </div>
</div>
<main>
    <div class="container">
        <div class="row">
            <div class="col-md-7">
                <div class="jx">
                    <h2><span>精选</span>歌单</h2>
                </div>
                <div class="jx-1">
                    <a href="">更多</a>
                </div>
            </div>
            <div class="col-md-5 yc">
                <div class="rm">
                    <h2><span>热门</span>榜单</h2>
                </div>
                <div class="jx-1">
                    <a href="">更多</a>
                </div>
            </div>
    </div>
    </div>
</main>
<div class="main-1">
    <div class="container">
        <div class="jx-2">
            <div class="row">
                <div class="col-md-4">
                    <div class="mn">
                        <div class="mf-1">
                            <a href="">
                                <img src="img/mf-1.jpg" alt="">
                            </a>
                        </div>
                        <div class="bf">
                            <a href="">
                                <img src="img/k1_02.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mf-2">
                        <a href="">
                            <img src="img/mf-2.jpg" alt="">
                        </a>
                        <a href="">
                            <img src="img/mf-3.jpg" alt="">
                        </a>
                        <p>
                            <a href="">
                                <img src="img/mf-4.jpg" alt="">
                            </a>
                            <a href="">
                                <img src="img/mf-5.jpg" alt="">
                            </a>
                        </p>
                    </div>
                </div>
                <div class="col-md-4">
                <div class="vn">
                    <a href="">
                        <img src="img/mf-6.jpg" alt="">
                    </a>
                    <div class="vn-1">
                        <a href="">1.冯希瑶 - 尘埃(Live)</a>
                        <p>
                            <a href="">2.By2 - DNA(Live)</a>
                        </p>
                    </div>
                </div>
                    <div class="vn">
                        <a href="">
                            <img src="img/mf-7.jpg" alt="">
                        </a>
                        <div class="vn-1">
                            <a href="">1.G.E.M邓紫棋 - 来自...(Live)</a>
                            <p>
                                <a href="">2.隔壁老樊 - 多想在平庸...</a>
                            </p>
                        </div>
                    </div>
                    <div class="vn">
                        <a href="">
                            <img src="img/mf-8.jpg" alt="">
                        </a>
                        <div class="vn-1">
                            <a href="">1.虎儿 - 你一定要幸福</a>
                            <p>
                                <a href="">2.兔子牙 - 小白兔遇上卡...</a>
                            </p>
                        </div>
                    </div>
            </div>
            </div>
        </div>
        <div id="fh">
            <img src="img/k35.png" alt="">
        <div class="fh">
            <span>返回顶部</span>
        </div>
        </div>
        <div class="main-2">
            <a href=""><img src="img/main.png" alt=""></a>
        </div>
        <div class="main-3">
            <div class="row">
                <div class="col-md-8 fd">
                    <div class="xg">
                        <h2><span>新歌</span>首发</h2>
                    </div>
                    <div class="gx">
                        <ul class="xz">
                            <li class="active"><a href="">华语</a></li>
                            <li><a href="">欧美</a></li>
                            <li><a href="">韩国</a></li>
                            <li><a href="">日本</a></li>
                        </ul>
                    </div>
                    <div class="yb">
                        <a href=""><img src="img/f1.png" alt="">全部播放</a>
                    </div>
                    <div class="yb-1">
                    </div>
                    <div class="wt">
                    <div class="yb-2 active">
                        <ul class="one">
                            <li class="active"><a href="">蓝心羽、芒果贱 - 星里 <i class="xs"><img class="one-1" src="img/f1.png" alt=""><img src="img/f3.png" alt=""></i><span>03:24</span></a></li>
                            <li><a href="">霍尊 - 庄周<i class="xs"><img class="one-1" src="img/f1.png" alt=""><img src="img/f3.png" alt=""></i><span>04:17</span></a></li>
                            <li><a href="">蒋雪儿 - 从前的我快乐过<i class="xs"><img class="one-1" src="img/f1.png" alt=""><img src="img/f3.png" alt=""></i><span>03:21</span></a></li>
                            <li><a href="">威仔、阿夏 - 悲伤童话<i class="xs"><img class="one-1" src="img/f1.png" alt=""><img src="img/f3.png" alt=""></i><span>03:07</span></a></li>
                            <li><a href="">龙梅子 - 傻的可以<i class="xs"><img class="one-1" src="img/f1.png" alt=""><img src="img/f3.png" alt=""></i><span>04:11</span></a></li>
                            <li><a href="">陈粒 - 多多留意<i class="xs"><img class="one-1" src="img/f1.png" alt=""><img src="img/f3.png" alt=""></i><span>04:57</span></a></li>
                            <li><a href="">郑秀文 - 我们都是这样长大的<i class="xs"><img class="one-1" src="img/f1.png" alt=""><img src="img/f3.png" alt=""></i><span>04:43</span></a></li>
                            <li><a href="">曲肖冰 - 几分之几<i class="xs"><img class="one-1" src="img/f1.png" alt=""><img src="img/f3.png" alt=""></i><span>04:02</span></a></li>
                        </ul>
                        </div>
                        <div class="yb-2">
                            <ul>
                                <li><a href="">Shawn Mendes、Camila Cabelli - Senorita <span>03:11</span></a></li>
                                <li><a href="">Nicki Minaj - MEGATRON<span>03:10</span></a></li>
                                <li><a href="">Marshmello、Kane Brown - One Thing Right<span>03:01</span></a></li>
                                <li><a href="">Mark Ronson、King Princess - Princess - Pieces of Us<span>03:26</span></a></li>
                                <li><a href="">Imagune Dragons、 Elisa - Birds<span>03:39</span></a></li>
                                <li><a href="">88-Keys、Mac Miller、 Sia - That s lifr<span>03:22</span></a></li>
                                <li><a href="">Zara Larsson - All the Time<span>03:48</span></a></li>
                                <li><a href="">Stormzy - Crown<span>03:33</span></a></li>
                            </ul>
                        </div>
                        <div class="yb-2">
                            <ul>
                                <li><a href="">金请夏 - Snapping<span>03:33</span></a></li>
                                <li><a href="">Red Velvet - 짐살라빔 (Zimzalabim) <span>03:10</span></a></li>
                                <li><a href="">SOMI - BIRTHDAY<span>03:05</span></a></li>
                                <li><a href="">殷志源、Blue.D - 불나방 (I M ON FIRE)<span>03:32</span></a></li>
                                <li><a href="">张凡俊 - 손 닿으면 (碰到手的话)【请输入搜索词WWW OST】<span>04:06</span></a></li>
                                <li><a href="">艺声 - Pink Magic<span>03:14</span></a></li>
                                <li><a href="">Stray Kids - 부작용 (Side Effects)<span>03:13</span></a></li>
                                <li><a href="">邕圣祐 - Heart Sign (Prod. Flow Blow)<span>03:15</span></a></li>
                            </ul>
                        </div>
                        <div class="yb-2">
                            <ul>
                                <li><a href="">菅田将暉、あいみょん - キスだけで<span>03:47</span></a></li>
                                <li><a href="">米津玄師 - Ghosts of the Sea【海兽之子主题曲】<span>03:54</span></a></li>
                                <li><a href="">Sonar Pocket、GFRIEND - Oh difficult (with GFRIEND) <span>04:14</span></a></li>
                                <li><a href="">TWICE - Happy Happy<span>03:27</span></a></li>
                                <li><a href="">まじ娘 - WISH<span>04:54</span></a></li>
                                <li><a href="">花澤香菜 - 「Hello, Again ~昔からある場所~」from消滅都市 -TV size-<span>01:32</span></a></li>
                                <li><a href="">天月-あまつき- - スターライトキセキ<span>03:55</span></a></li>
                                <li><a href="">西島隆弘 - NA<span>04:18</span></a></li>
                            </ul>
                        </div>
                    </div>
                    </div>
                <div class="col-md-4">
                        <div class="tj">
                            <h2><span>推荐</span>MV</h2><a href="">更多</a>
                        </div>
                    <div class="tj-1">
                        <a href=""><img src="img/main-1.jpg" alt=""></a>
                    </div>
                    <div class="tj-2">
                        <a href=""><img src="img/main-2.jpg" alt=""></a>
                        <div class="tj-3">
                            <a href=""><img src="img/k1_02.png" alt=""></a>
                        </div>
                    </div>
                    <div class="tj-4">
                        <a href="" class="yd"><img src="img/main-3.jpg" alt=""></a>
                        <div class="tj-5">
                            <a href=""><img src="img/k1_02.png" alt=""></a>
                        </div>
                    </div>
                    <div class="tj-6">
                        <a href="">转眼</a>
                        <p>五月天</p>
                    </div>
                    <div class="tj-7">
                        <a href="">爱的罗曼死</a>
                        <p>蔡依林</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="main-4">
        <div class="container">
            <div class="sy">
                <a href="">
                    <img src="img/main-4.jpg" alt="">
                </a>
            </div>
            <div class="sy-1">
                <div class="row">
                    <div class="col-md-8">
                       <div class="sy-2">
                           <h2><span>热门</span>电台 <a href="">更多</a></h2>
                       </div>
                        <div class="sy-3">
                        <ul>
                            <li><a href=""><img src="" alt=""><img src="img/r1.jpg" alt=""><p>KTV必点曲</p></a>
                                <i class="sy-4"><img src="img/k1_02.png" alt=""></i></li>
                            <li><a href=""><img src="" alt=""><img src="img/r2.jpg" alt=""><p>中文DJ</p></a>
                                <i class="sy-4"><img src="img/k1_02.png" alt=""></i></li>
                            <li><a href=""><img src="" alt=""><img src="img/r3.jpg" alt=""><p>酷狗热歌</p></a>
                                <i class="sy-4"><img src="img/k1_02.png" alt=""></i></li>
                            <li><a href=""><img src="" alt=""><img src="img/r4.jpg" alt=""><p>网络红歌</p></a>
                                <i class="sy-4"><img src="img/k1_02.png" alt=""></i></li>
                            <li class="yc"><a href=""><img src="" alt=""><img src="img/r5.jpg" alt=""><p>经典</p></a>
                                <i class="sy-4"><img src="img/k1_02.png" alt=""></i></li>
                        </ul>
                            <ul class="kl">
                                <li><a href=""><img src="" alt=""><img src="img/r6.jpg" alt=""><p>KTV必点曲</p></a>
                                    <i class="sy-4"><img src="img/k1_02.png" alt=""></i></li>
                                <li><a href=""><img src="" alt=""><img src="img/r7.jpg" alt=""><p>中文DJ</p></a>
                                    <i class="sy-4"><img src="img/k1_02.png" alt=""></i></li>
                                <li><a href=""><img src="" alt=""><img src="img/r8.jpg" alt=""><p>酷狗热歌</p></a>
                                    <i class="sy-4"><img src="img/k1_02.png" alt=""></i></li>
                                <li><a href=""><img src="" alt=""><img src="img/r9.jpg" alt=""><p>网络红歌</p></a>
                                    <i class="sy-4"><img src="img/k1_02.png" alt=""></i></li>
                                <li><a href=""><img src="" alt=""><img src="img/r10.jpg" alt=""><p>经典</p></a>
                                    <i class="sy-4"><img src="img/k1_02.png" alt=""></i></li>
                            </ul>
                    </div>
                    </div>
                   <div class="col-md-4 sab">
                       <ul class="bsa">
                           <li><h3><span>热门</span>歌手</h3></li>
                           <li class="active yc"><a href="">华语</a></li>
                           <li class="yc"><a href="">欧美</a></li>
                           <li class="yc"><a href="">日韩</a></li>
                           <li class="yc"><a href="">更多</a></li>
                       </ul>
                       <div class="huayu">
                           <div class="ok">
                               <div class="top mb-2">
                                   <a href=""><img src="img/k2.jpg" alt="">
                                       <span>许嵩</span></a>
                                   <a href=""><img src="img/k3.jpg" alt="">
                                       <span>G.E.M邓紫棋</span></a>
                               </div>
                               <div class="bottom">
                                   <a href=""><img src="img/k4.jpg" alt="">
                                       <span>薛之谦</span></a>
                                   <a href=""><img src="img/k5.jpg" alt="" class="zjl">
                                       <span>周杰伦</span></a>
                                   <a href=""><img src="img/k6.jpg" alt="">
                                       <span>林俊杰</span></a>
                               </div>
                           </div>
                           <div>
                               <div class="top mb-2">
                                   <a href=""><img src="img/k2.jpg" alt="">
                                       <span>许嵩</span></a>
                                   <a href=""><img src="img/k3.jpg" alt="">
                                       <span>G.E.M邓紫棋</span></a>
                               </div>
                               <div class="bottom">
                                   <a href=""><img src="img/k4.jpg" alt="">
                                       <span>薛之谦</span></a>
                                   <a href=""><img src="img/k5.jpg" alt="" class="zjl">
                                       <span>周杰伦</span></a>
                                   <a href=""><img src="img/k6.jpg" alt="">
                                       <span>林俊杰</span></a>
                               </div>
                           </div>
                           <div>
                               <div class="top mb-2">
                                   <a href=""><img src="img/k2.jpg" alt="">
                                       <span>许嵩</span></a>
                                   <a href=""><img src="img/k3.jpg" alt="">
                                       <span>G.E.M邓紫棋</span></a>
                               </div>
                               <div class="bottom">
                                   <a href=""><img src="img/k4.jpg" alt="">
                                       <span>薛之谦</span></a>
                                   <a href=""><img src="img/k5.jpg" alt="" class="zjl">
                                       <span>周杰伦</span></a>
                                   <a href=""><img src="img/k6.jpg" alt="">
                                       <span>林俊杰</span></a>
                               </div>
                           </div>
                           <ul class="text-center" id="xs">
                               <li ><a href=""></a></li>
                               <li><a href=""></a></li>
                               <li><a href=""></a></li>
                           </ul>
                       </div>

                   </div>
                </div>
            </div>
            <div class="sn">
                <img src="img/4dbf23659748a2c592fe6fac4cf2aff6.jpg" alt="">
            </div>
            <div class="bt">
                <h3><span>合作</span>伙伴</h3>
            </div>
            <div class="hz_logo" >
                <a href=""><img src="img/partner01.jpg" alt=""></a>
                <a href=""><img src="img/partner02.jpg" alt=""></a>
                <a href=""><img src="img/partner03.jpg" alt=""></a>
                <a href=""><img src="img/partner04.jpg" alt=""></a>
                <a href=""><img src="img/partner05.jpg" alt=""></a>
                <a href=""><img src="img/partner06.jpg" alt=""></a>
                <a href=""><img src="img/partner07.jpg" alt=""></a>
                <a href=""><img src="img/partner08.jpg" alt=""></a>
                <a href=""><img src="img/partner09.jpg" alt=""></a>
                <a href=""><img src="img/partner10.jpg" alt=""></a>
                <a href=""><img src="img/partner11.jpg" alt=""></a>
                <a href=""><img src="img/partner12.jpg" alt=""></a>
                <a href=""><img src="img/partner13.jpg" alt=""></a>
                <a href=""><img src="img/partner14.jpg" alt=""></a>
                <a href=""><img src="img/partner15.jpg" alt=""></a>
                <a href=""><img src="img/partner16.jpg" alt=""></a>
                <a href=""><img src="img/partner17.jpg" alt=""></a>
                <a href=""><img src="img/partner18.jpg" alt=""></a>
                <a href=""><img src="img/partner19.jpg" alt=""></a>
                <a href=""><img src="img/partner20.jpg" alt=""></a>
                <a href="" class="yc"><img src="img/partner21.jpg" alt=""></a>
            </div>
            <div class="hz-1">
                <h3><span>友情</span>链接</h3>
                <ul>
                    <li><a href="">爱美网</a></li>
                    <li><a href="">汽车论坛</a></li>
                    <li><a href="">IT之家</a></li>
                    <li><a href="">iPhone游戏</a></li>
                    <li><a href="">旅游攻略</a></li>
                    <li><a href="">悦声无限</a></li>
                    <li><a href="">华为商城</a></li>
                    <li><a href="">365音乐网</a></li>
                    <li><a href="">软件下载</a></li>
                    <li><a href="">漫漫看漫画</a></li>
                    <li><a href="">手机游戏</a></li>
                    <li><a href="">5sing原创音乐</a></li>
                    <li><a href="">腾讯音乐人</a></li>
                    <li><a href="">豌豆荚</a></li>
                </ul>
            </div>
        </div>
    </div>
<footer>
    <div class="container">
        <div class="gy">
            <ul>
                <li><a href="">关于酷狗</a></li>
                <li><a href="">监督举报</a></li>
                <li><a href="">广告服务</a></li>
                <li><a href="">版权指引</a></li>
                <li><a href="">隐私政策</a></li>
                <li><a href="">用户服务协议</a></li>
                <li><a href="">推广合作</a></li>
                <li><a href="">酷狗音乐人</a></li>
                <li><a href="">酷狗音乐推</a></li>
                <li><a href="">招聘信息</a></li>
                <li><a href="">客服中心</a></li>
                <li><a href="">用户体验提升计划</a></li>
            </ul>
        </div>
        <div class="gu-1">
            <p>我们致力于推动网络正版音乐发展，相关版权合作请联系copyrights@kugou.com</p>
            <p>信息网络传播视听节目许可证 1910564 增值电信业务经营许可证粤B2-20060339 <a href=""> 粤ICP备09017694号-2</a></p>
            <p>广播电视节目制作经营许可证（粤）字第01270号&nbsp;&nbsp;&nbsp;&nbsp;营业性演出许可证穗天演440106026</p>
            <p>穗公网监备案证第44010650010167&nbsp;&nbsp;&nbsp;&nbsp;互联网药品信息服务资格证编号（粤）-非经营性-2012-0018 <a href="">粤公网安备 44010602000141号</a></p>
            <p>不良信息举报邮箱：jubao_music@kugou.net 客服邮箱：kefu@kugou.net</p>
            <p>Copyring @ 2004-2019 KuGou-Inc.All Rughts Reserved</p>
        </div>
    </div>
</footer>










<script src="js/swiper.min.js"></script>
<script src="js/lunbo.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="js/js.js"></script>

</body>
</html>